﻿<%@ Page Title="" Language="C#" MasterPageFile="~/UI/Employers/EmployerMaster.Master"
    AutoEventWireup="true" CodeBehind="ChangePassword.aspx.cs" Inherits="VonaJobs.UI.Employers.ChangePassword" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <link href="../../Styles/EmployerCss/ChangePassword.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" language="javascript">
        function checkPass() {
            //Store the password field objects into variables ...
            var pass1 = document.getElementById('txtNewPassword');
            var pass2 = document.getElementById('txtConfirmPassword');
            //Store the Confimation Message Object ...
            var message = document.getElementById('confirmMessage');
            //Set the colors we will be using ...
            var goodColor = "#66cc66";
            var badColor = "#ff6666";
            //Compare the values in the password field 
            //and the confirmation field
            if (pass1.value == pass2.value) {
                //The passwords match. 
                //Set the color to the good color and inform
                //the user that they have entered the correct password 
                pass2.style.backgroundColor = goodColor;
                message.style.color = goodColor;
                message.innerHTML = "Passwords Match!";
            } else {
                //The passwords do not match.
                //Set the color to the bad color and
                //notify the user.
                pass2.style.backgroundColor = badColor;
                message.style.color = badColor;
                message.innerHTML = "Passwords  Not Match!";
            }
        } 
    </script>
    <div class="changePasswordDiv">
        <table class="passwordchangeTB">
            <tr>
                <td>
                    <table class="passwordchangeTBinsideTB">
                        <tr>
                            <td align="right" colspan="2">
                                Email
                            </td>
                            <td class="rightTextBoxLebel">
                                <input type="text" id="txtEmail" class="textboxDesign" placeholder="Email" runat="server" />
                            </td>
                        </tr>
                        <tr>
                            <td align="right" colspan="2">
                                Current Password
                            </td>
                            <td class="rightTextBoxLebel">
                                <input type="password" id="txtCurrentPassword" class="textboxDesign" placeholder="Current Password" runat="server" />
                            </td>
                        </tr>
                        <tr>
                            <td align="right" colspan="2">
                                New Password
                            </td>
                            <td class="rightTextBoxLebel">
                                <input type="password" id="txtNewPassword" class="textboxDesign" placeholder="New Password" runat="server" />
                            </td>
                        </tr>
                        <tr>
                            <td align="right" colspan="2">
                                Confirm Password
                            </td>
                            <td class="rightTextBoxLebel">
                                <input name="pass2" id="txtConfirmPassword" onkeyup="checkPass(); return false;" type="password"
                                    class="textboxDesign" placeholder="Confirm Password" runat="server">
                                     <span id="confirmMessage" class="confirmMessage"></span>
                              
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                            </td>
                            <td>
                                <input id="Submit1" type="submit" runat="server" value="Submit" class="button_submit" OnServerClick="ChangeEmpPassword"/>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
</asp:Content>
